import {Row, Col, Input, Typography,Card,Button,List,Icon,DatePicker,Select,Switch  } from 'antd';
import {Field} from 'saltui';
import React from "react";
const {Text, Title} = Typography;
const { TextArea } = Input;
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
{/*<div>*/}
{/*<Input placeholder="请输入"/>*/}
{/*</div>*/}
export default class RoomUser extends React.Component {




  render() {

    const data = [
      <Row  gutter={4} style={{width:'100%'}}>
        <Col span={20} style={{overflow:'hidden'}}>Japanese princess to wed commoner</Col>
        <Col span={2}><Icon type="edit" /></Col>
        <Col span={2}><Icon type="delete" /></Col>
      </Row>,
      <Row  gutter={4}  style={{width:'100%'}}>
        <Col span={20}>Japanese princess to wed commoner</Col>
        <Col span={2}><Icon type="edit" /></Col>
        <Col span={2}><Icon type="delete" /></Col>
      </Row>,
    ];
    return (
      <div className="room-new-content">
        <Card title="客户信息"  size="small">

          <Row gutter={2} justify="center" align="middle"   >
            <Col span={7}>
              <Field label="姓名：">
                <Input placeholder="请输入"/>
              </Field>
            </Col>

            <Col span={7}>
              <Field label="电话：">
                <Input placeholder="请输入"/>
              </Field>
            </Col>
            <Col span={10}>


              <Col span={8}>
                <Select defaultValue="ID" style={{width:'100%'}}  >
                  <Option value="1">ID</Option>
                  <Option value="2">驾驶证</Option>
                </Select>
              </Col>

              <Col span={16}>
                <Input placeholder="请输入"/>
              </Col>

            </Col>
          </Row>

          <Row gutter={2} justify="center" align="middle"  style={{marginTop:5}}  >
            <Col span={8}>
              <Input placeholder="请输入地址"/>
            </Col>

            <Col span={3}>
              <Select defaultValue="City" style={{width:'100%'}}  >
                <Option value="0">City</Option>
                <Option value="1">美国</Option>
              </Select>
            </Col>
            <Col span={3}>
              <Select defaultValue="State" style={{width:'100%'}}  >
                <Option value="0">State</Option>
                <Option value="1">美国</Option>
              </Select>
            </Col>
            <Col span={5}>
              <Input placeholder="请输入Code"/>
            </Col>

            <Col span={3}>
              <Select defaultValue="国家" style={{width:'100%'}}  >
                <Option value="0">国家</Option>
                <Option value="1">美国</Option>
              </Select>
            </Col>
            <Col span={2}>
              <Button style={{ float: 'right' }}  type="primary" ghost>
                保存
              </Button>
            </Col>
          </Row>

          <List
            style={{ marginTop: 10 }}
            size="large"
            bordered
            dataSource={data}
            renderItem={item => <List.Item>{item}</List.Item>}
          />

        </Card>
      </div>


    );
  }
}
